.template-area {
  width: 100%;
  height: calc(100%);
  margin: 0 auto;
  padding: 20PX 28PX;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  font-size: 14PX;
  font-family:"Times New Roman", "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif, MicrosoftYaHeiLight, "Microsoft YaHei Light", "Microsoft YaHei", 'iconfont2' !important;

  .screen-area{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    .screen-info{
      :deep(.el-form-item){
        margin-bottom: 0;
        margin-right: 30PX;
        .el-form-item__content{
          vertical-align: bottom;
        }
        .el-input__inner{
          height: 34PX;
          line-height: 34PX;
        }
      }
      .el-button--small{
        padding: 9PX 16PX;
      }
    }
  }

  .name-inside{
    color: #2d8cf0;
    cursor: pointer;
    &:hover{
      color: #5cadff;
    }
  }

  .button-wrap {
    position: absolute;
    inset: 0;
    top: -14px;
    height: 0;
    background: red;
    .van-button{
      margin-right: 20px;
    }
  }

  //表格设置
  :deep(.table-area) {
    th.el-table__cell {
      text-align: center;
      font-size: 14PX;
      font-weight: 400;
      background: #f1f4f8 !important;
    }

    table{
      td.el-table__cell {
        font-size: 14PX;
        div {
          margin: 0 auto;
          text-align: center;
          color: #000000;
          font-size: 14PX;
        }

        .el-button {
          font-size: 28PX;
        }
      }
    }

    // 只去除表格的最最底部的横线
    :deep(.el-table--border) {
      &::after {
        background-color: transparent !important;
      }
    }

    :deep(el-table--group) {
      &::after {
        background-color: transparent !important;
      }
    }

    :deep(.el-table) {

      &::before {
        background-color: transparent !important;
      }
    }
  }
}